<!DOCTYPE html>
<html>
<head>
	<title>{% block title %}{% endblock %}</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="multipart/form-data; charset=iso-8859-1">
	<!-- Fonts -->
	<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300,400' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'>
	<!-- CSS Libs -->
	<link rel="stylesheet" type="text/css" href="static/lib/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="static/lib/css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="static/lib/css/animate.min.css">
	<link rel="stylesheet" type="text/css" href="static/lib/css/bootstrap-switch.min.css">
	<link rel="stylesheet" type="text/css" href="static/lib/css/checkbox3.min.css">
	<link rel="stylesheet" type="text/css" href="static/lib/css/jquery.dataTables.min.css">
	<link rel="stylesheet" type="text/css" href="static/lib/css/dataTables.bootstrap.css">
	<link rel="stylesheet" type="text/css" href="static/lib/css/select2.min.css">
	<!-- CSS App -->
	<link rel="stylesheet" type="text/css" href="static/css/style.css">
	<link rel="stylesheet" type="text/css" href="static/css/themes/flat-blue.css">
</head>
<div>
	<!-- Javascript Libs -->
	<script type="text/javascript" src="static/lib/js/jquery.min.js"></script>
	<script type="text/javascript" src="static/lib/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="static/lib/js/Chart.min.js"></script>
	<script type="text/javascript" src="static/lib/js/bootstrap-switch.min.js"></script>
	<script type="text/javascript" src="static/js/app.js"></script>

	<script type="text/javascript" src="static/lib/js/jquery.matchHeight-min.js"></script>
	<script type="text/javascript" src="static/lib/js/jquery.dataTables.min.js"></script>
	<script type="text/javascript" src="static/lib/js/dataTables.bootstrap.min.js"></script>
	<script type="text/javascript" src="static/lib/js/select2.full.min.js"></script>

	<!--<script type="text/javascript" src="static/lib/js/ace/ace.js"></script>-->
	<!--<script type="text/javascript" src="static/lib/js/ace/mode-html.js"></script>-->
	<!--<script type="text/javascript" src="static/lib/js/ace/theme-github.js"></script>-->
	<!-- Javascript -->
</div>

<body class="flat-blue">
<div class="app-container">
	<div class="row content-container">
		<div class="side-menu sidebar-inverse">
			<nav class="navbar navbar-default" role="navigation">
				<div class="side-menu-container">
					<div class="navbar-header">
						<a class="navbar-brand" href="#">
							<div class="icon fa fa-paper-plane"></div>
							<div class="title">Java考试系统</div>
						</a>
						<button type="button" class="navbar-expand-toggle pull-right visible-xs">
							<i class="fa fa-times icon"></i>
						</button>
					</div>
					<ul class="nav navbar-nav">
						<li>
                            <a href="/">
	                            <span class="icon fa fa-tachometer"></span><span class="title">退出登录</span>
							</a>
						</li>
                        <li class="{% block s2 %}{% endblock %} panel panel-default dropdown">
                            <a data-toggle="collapse" href="#dropdown-diy">
	                            <span class="icon fa fa-child"></span><span class="title">关于</span>
                            </a>
                            <!-- Dropdown level 1 -->
                            <div id="dropdown-diy" class="panel-collapse collapse">
                                <div class="panel-body">
                                    <ul class="nav navbar-nav">
	                                    <li><a href="http://wpa.qq.com/msgrd?v=3&uin=1092354287&site=qq&menu=yes">售后服务电话：18940861882</a>
	                                    </li>
	                                    <li><a href="http://wpa.qq.com/msgrd?v=3&uin=1092354287&site=qq&menu=yes">点此联系QQ客服：652175125</a>
	                                    </li>

                                    </ul>
                                </div>
                            </div>
                        </li>
					</ul>
				</div>
				<!-- /.navbar-collapse -->
			</nav>
		</div>

        <nav class="navbar navbar-default navbar-fixed-top navbar-top">
            <div class="container-fluid">
                <div class="navbar-header">
                    <button type="button" class="navbar-expand-toggle">
                        <i class="fa fa-bars icon"></i>
                    </button>
                    <ol class="breadcrumb navbar-breadcrumb">
	                    <li><a href="{%block superhref%}{%endblock%}" style="text-decoration: none">
		                    {%block supertitle%}{%endblock%}</a>
	                    <li><a style="text-decoration: none">{%block subtitle%}{%endblock%}</a>
                        </li>
                    </ol>
                    <button type="button" class="navbar-right-expand-toggle pull-right visible-xs">
                        <i class="fa fa-th icon"></i>
                    </button>
                </div>
                <ul class="nav navbar-nav navbar-right">
                    <button type="button" class="navbar-right-expand-toggle pull-right visible-xs">
                        <i class="fa fa-times icon"></i>
                    </button>
                    <style>
                        .quickgate {
                            font-weight: bolder;
                        }
                    </style>
                    <li class="dropdown">
                        <a href="{%block suburl%}{%endblock%}" style="color: blue;" class="dropdown-toggle quickgate"
                           id="screate">{%block rightsubtitle%}{%endblock%}</a>
                    </li>
                </ul>
            </div>
        </nav>

        {% block content %}


		{% endblock %}


    </div>
	<footer class="app-footer">
		<div class="des">

		</div>
	</footer>
</div>
</body>

</html>
